<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>块级标签</title>
</head>
<body>
    <div id = "top">hhhhh</div>
   <div style="border: 1px solid red;">约吗</div>
   <div style="border: 1px solid black;">约吗</div>
   <div style="border: 1px solid pink;">约吗</div>

   <span>晕吗</span>
   <span>晕吗</span>
   <span>晕吗</span>
   <span>晕吗</span>
   
   <!-- 语义化标签 -->
    <header style="border: 1px solid red;">这是一个div标签</header>
    <header style="border: 1px solid red;">这是一个div标签</header>
    <footer style="border: 1px solid red;">这是一个div标签</footer>

    <a href="http://www.baidu.com">百度一下</a>
    <a href="#">点我啊</a>
    <a href="../img/a.jpg" download="">下载图片</a>
    <a href="../DemoCSS/1.html" download="">下载文件</a>

    <!-- 锚点链接 -->
     <a href="#top">返回到顶部</a>
     <!-- <a href="http://www.baidu.com"><img src="../img/a.jpg"> </a> -->
    <br>
   
</body>
</html>